<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:wicket="http://wicket.sourceforge.net/">

<head>
    <wicket:head>
        <title>Config Produs in Magazin</title>
        
        <script src="js/jquery.min.js"></script>
        <script>
        $(document).ready(function(){
          $("#selectProdus").change(function(){
            $("#inputWarning").val( $("#selectProdus option:selected").text());
          });
        });
        </script>

    </wicket:head>
</head>

<body>
    <wicket:extend>

        <div class="row-fluid sortable">
            <div class="box span12">
                <div class="box-header well" data-original-title>
                    <!-- <h2><i class="icon-edit"></i>Magazin <span wicket:id="lbMagazin">Editare Stocuri</span></h2> -->
                    <h2><i class="icon-edit"></i> <span>Configurari Stocuri in magazin <span wicket:id="lbMagazin"></span></span></h2>
                    <div class="box-icon">
                        <a href="#" class="btn btn-setting btn-round"><i class="icon-cog"></i></a>
                        <a href="#" class="btn btn-minimize btn-round"><i class="icon-chevron-up"></i></a>
                        <a href="#" class="btn btn-close btn-round"><i class="icon-remove"></i></a>
                    </div>
                </div>
                <div class="box-content">
                    <span wicket:id="feedback">Test message</span>
                    <form class="form-horizontal" wicket:id="form">
                      <fieldset>

                        <!-- <div class="control-group">
                            <label class="control-label">Magazin</label>
                            <div class="controls">
                                <select id="selectError3" wicket:id="magazin"></select>
                            </div>
                        </div> -->
                        <div class="control-group">
                            <label class="control-label">Selecteaza Produs</label>
                            <div class="controls">
                                <select id="selectProdus" data-rel="chosen" wicket:id="produs"></select>
                                <span class="help-inline"><a href="#" class="btn btn-small btn-setting">Produs nou</a></span>
                            </div>
                        </div>
                        <hr>
                        <div class="control-group">
                            <label class="control-label">Tip Recipient</label>
                            <div class="controls">
                                <select id="selectError4" wicket:id="tipRecipient"></select>
                            </div>
                        </div>
                        <div class="control-group warning">
                            <label class="control-label" for="inputWarning">Denumire Recipient</label>
                            <div class="controls">
                                <input type="text" id="inputWarning" wicket:id="denumire" >
                            </div>
                        </div>
                        <div class="control-group">
                            <label class="control-label">Numar Ordine</label>
                            <div class="controls">
                                <input type="text" wicket:id="ordine">
                            </div>
                        </div>
                        <hr>
                        <div class="control-group">
                            <label class="control-label">Stoc</label>
                            <div class="controls">
                                <input type="text" wicket:id="cantitate">
                            </div>
                        </div>
                        <div class="form-actions">
                            <button type="submit" class="btn btn-primary" wicket:id="submit">Salveaza</button>
                            <button type="reset" class="btn" wicket:id="renuntare">Renuntare</button>
                        </div>
                      </fieldset>
                    </form>   

                </div>
            </div><!--/span-->

        </div><!--/row-->
        
        <div class="row-fluid sortable">	
            <div class="box span12">
                <div class="box-header well" data-original-title>
                    <h2><i class="icon-barcode"></i> <span>Produse in magazin: </span><span class="label label-important" wicket:id="lblSize">34</span></h2>
                </div>

                <div class="box-content">

                        <table class="table table-bordered table-striped table-condensed">
                            <thead>
                                <tr>
                                    <th>Recipient</th>
                                    <th>Status</th>
                                    <th style="text-align: center;width: 1px;white-space: nowrap">Ordine</th>
                                    <th style="text-align: right;width: 1px;white-space: nowrap"><div align="right">Disponibil</div></th>
                                    <th style="width: 300px;">Nivel</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr wicket:id="recipient">
                                    <td>
                                        <a data-rel="tooltip" title="Detalii modificari Stoc" href="#" wicket:id="detailLink"><i class="icon icon-blue icon-search"/></a>&nbsp;
                                        <a data-rel="tooltip" title="Editare Stoc" href="#" wicket:id="editLink"><i class="icon icon-orange icon-edit"/></a>&nbsp;
                                        <span wicket:id="denumire">C300-ADS</span>
                                    </td>
                                    <td>
                                        <a data-rel="tooltip" title="Modifica Status" href="#" wicket:id="statusLink">
                                            <!-- <span wicket:id="textLink"><i class="icon icon-color icon-remove"/></span> -->
                                            <i class="icon icon-color icon-remove"/>
                                        </a>&nbsp;
                                        <span wicket:id="activ">Active</span>
                                    </td>
                                    <td style="text-align: right;font-weight: bold; width: 1px;white-space: nowrap">
                                        <span wicket:id="nrOrd">5</span>&nbsp;
                                        <a data-rel="tooltip" title="Modifica pozitia +1" href="#" wicket:id="LinkUp"><i class="icon icon-blue icon-arrowthick-n"/></a>&nbsp;
                                        <a data-rel="tooltip" title="Modifica pozitia -1" href="#" wicket:id="LinkDown"><i class="icon icon-blue icon-arrowthick-s"/></a>
                                    </td>
                                    <td wicket:id="stoc" style="text-align: right;width: 1px;white-space: nowrap">170L</td>
                                    <td>
                                        <div class="progress" wicket:id="stoc_recipient">
                                            <div class="bar" style="" wicket:id="nivel"></div>
                                        </div>
                                    </td>
                                </tr>
                            </tbody>
                        </table>

                </div>
            </div>
        </div>

        <div class="modal hide fade" id="myModal">
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal">&times;</button>
				<h3>Adaugare produs nou</h3>
			</div>
			<div class="modal-body">
                    <!-- <form class="form-horizontal" > -->
                    <form class="form-horizontal" wicket:id="form_nou">
                        <div wicket:id="feedback_prod"></div>
                        <fieldset>
                          <div class="control-group">
                            <label class="control-label" >Denumire</label>
                            <div class="controls">
                              <!-- <input class="input-xlarge" type="text" value="fff" > -->
                              <input class="input-xlarge" type="text" value="fff" wicket:id="denumireP">
                            </div>
                          </div>
                          <div class="control-group">
                            <label class="control-label" >Pret</label>
                            <div class="controls">
                              <!-- <input class="input-xlarge" type="text" value="fff" > -->
                              <input class="input-xlarge" type="text" value="fff" wicket:id="pretP">
                            </div>
                          </div>
                          
                          <div class="control-group">
                            <label class="control-label" > </label>
                            <div class="controls">
                              <!-- <img class="thumbnail left" src="#" alt="" width="180" height="120"> -->
                              <img class="thumbnail left" src="#" alt="" wicket:id="caleImagine" width="180" height="120">
                            </div>
                          </div>

                        <div class="control-group">
                          <label class="control-label" for="fileInput">Imagine</label>
                          <div class="controls">
                            <!-- <input class="input-file uniform_on" id="fileInput" type="file" > -->
                            <input class="input-file uniform_on" id="fileInput" type="file" wicket:id="upload">
                          </div>
                        </div> 

                          <!-- <div class="control-group">
                            <label class="control-label" >Activ</label>
                            <div class="controls">
                              <label class="checkbox">
                                <input type="checkbox" wicket:id="activP"/>
                                Bifati pentru a fi disponibil in magazine!
                              </label>
                            </div>
                          </div> -->
                          
                          <div class="form-actions">
                            <button type="submit" class="btn btn-primary" wicket:id="submitP">Salveaza produs</button>
                            <button class="btn" wicket:id="cancel">Cancel</button>
                          </div>
                        </fieldset>
                    </form>
                
			</div>
			<div class="modal-footer">
				<a href="#" class="btn" data-dismiss="modal">Close</a>
				<!-- <a href="#" class="btn btn-primary" wicket:id="submitP">Salveaza</a> -->
			</div>
		</div>

        <script type="text/javascript" src="js/jquery-1.9.1.min.js"></script>
        <!-- modal / dialog library -->
        <script src="js/bootstrap-modal.js"></script>
    </wicket:extend>
</body>
</html>